<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <script>
        //箭头函数
        //箭头函数的结构：const/let 函数名= 参数=>函数体
        //  const add = (x, y) => {
        //      return x + y;
        //  };
        //  console.log(add(1, 2)); //3

        //将一般函数改写成箭头函数
        // function add() {}; //声明形式
        // const add = function() {}; //函数表达式形式
        // const add = () => {}; //箭头函数的形式


        //单个参数可以省略圆括号
        //  const add = x => {
        //      return x + 1
        //  };
        //  console.log(add(1)); //2

        //无参数或多个参数不可以省略圆括号
        //  const add = () => {
        //      return 1 + 1
        //  }
        //  console.log(add()); //2

        //单行函数体:可以同时省略{}和return
        //  const add = (x, y) => x + y;
        //  console.log(add(1, 2)); //3

        //如果箭头函数返回单行对象 可以在{}外面加上()让浏览器不再认为那是函数体的花括号
        const add = (x, y) => ({
            value: x + y
        })
        console.log(add(1, 1));
    </script>
</body>

</html>